@mixin bg-color() {
  background: linear-gradient(145deg, #b721ff, 40%, transparent),
    linear-gradient(145deg, transparent, 40%, rgb(108, 100, 251));
}

@mixin bg-image($url) {
  background-image: url($url+'2x.png');
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    background-image: url($url+'3x.png');
  }
}

@mixin no-wrap() {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@mixin extend-click() {
  position: relative;
  &:before {
    content: '';
    position: absolute;
    top: -8px;
    bottom: -8px;
    left: -8px;
    right: -8px;
  }
}

@mixin omit() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
